<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>案件追踪</title>
<jsp:include page="../include.jsp"></jsp:include>
<script type="text/javascript">
jQuery(function($){
	$.ajax({
		  type: 'GET',
		  url: 'traceFollow',
		  async: false,//是否异步
		  contentType: "application/json; charset=utf-8"
		  ,success: function(d){
			  if(d.appeals == null || d.error == 1){
				  $('#cases').html("<p>"+d.msg+"</p>");
			  }else{
				  $.each(d.appeals, function(i, n){
					var content = "<div data-role=\"content\"><div data-role=\"collapsible\">"
					+"<h1>案件: "+n.appType+n.id+"</h1>"
					+"<p> 姓名："+n.name+"</p>"
					+"<p> 电话："+n.phone+"</p>"
					+"<p> 证件类型："+n.idType+"</p>"
					+"<p> 证件号码："+n.idNo+"</p>"
					+"<p> 案件状态：申诉成功，系统处理中...</p>"
					+"<p> 申诉时间："+n.insertTime+"</p>"
					+"<ul data-role=\"listview\" data-inset=\"true\">"
					+" 	  <li data-role=\"list-divider\">工作流向</a></li>"
					+"	  <li><a href=\"#\" >催促督办</a></li>"
					+"	  <li><a href=\"#\" >撤销案件</a></li>"
					+" </ul>"
					+"</div></div>";
					 $(content).appendTo('#cases').trigger('create');
					});
				  
			  }
		  }
		  ,error:function(d){
			  //TODO something
			  $('#micros').html("<span style='color:red'>"+d.msg+"</span>");
		  }
	});
});
</script>
</head>
<body> 
<div data-role="page">
	<div data-role="header" data-theme="b">
	  <h1>案件追踪</h1>
	</div>
	<div data-role="main" id="cases" style="padding-bottom: 20px"></div>
</div>
</body>
</html>